﻿<div class="layui-content">
    <div class="wbox detail">
        <div class="detail-title">
            <i class="fa fa-caret-square-o-right"></i>
            搜索区
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4 border-title border-right border-bottom">单位名称</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 border-content border-right border-bottom"><input id="unit_name" type="text" class="form-control"></div>
        </div>
        <div class="col-sm-12 col-xs-12" style="margin-top:5px;margin-bottom:5px;margin-left:2px">
            <button class="btn btn-default" type="button">
                <i class="fa fa-search"></i>&nbsp;&nbsp;<span class="bold"> 搜索</span>
            </button>

            <div class="btn btn-default btn-outline float-right selector_collapse detail-collapse" title="切换">
                <i class="glyphicon glyphicon-list-alt"></i>
            </div>
        </div>
        <span style="margin-left:18px; color:red">*如没有查询到合适的单位名称，请在下面新增区填写信息并点击提交</span>
        <div class="wbox detail" style="margin-left:15px">
            <div class="detail-table-responsive detail-title">
                <i class="fa fa-caret-square-o-right"></i>
                新增区——单位全称需与发票盖章名称一致
            </div>
        </div>
        <div class="col-sm-12 border-bottom" style="margin-bottom:5px">
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4 border-title border-right required">单位名称</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 border-content border-right"><input type="text" class="unit_name form-control"></div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4 border-title border-right required">费用发生地(国家)</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 border-content border-right"><input type="text" class="exception_country form-control"></div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4 border-title border-top-right required">费用发生地(省份)</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 border-content border-top-right"><input type="text" class="exception_province form-control"></div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-4 border-title border-top-right required">费用发生地(城市)</div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-8 border-content border-top-right"><input type="text" class="exception_city form-control"></div>
        </div>
        <div class="col-sm-12 col-xs-12" style="margin-bottom:5px;margin-left:2px">
            <button class="btn btn-default" type="button">
                <i class="fa fa-check"></i>&nbsp;&nbsp;<span class="bold"> 提交</span>
            </button>
        </div>
        <div class="col-sm-12 col-xs-12">
            <div id="gridtable">
                <div class="scroll_wrapper" id="demo_machine_list_wrapper">
                    <div class="scroll_scroller" id="demo_machine_list_scroller">
                        <div id="demo_table_container">
                            <table class="footable table table-bordered" data-type="table" data-sidx="FLastUpdateDate" data-sord="desc" style="border-bottom:1px solid #e7eaec;">
                                <thead>
                                    <tr>
                                        <th filed="FNo" style="width:20px;">序号</th>
                                        <th filed="FUnitName">单位名称</th>
                                        <th filed="FExceptionCountry">费用发生地(国家)</th>
                                        <th filed="FExceptionProvince">费用发生地(省份)</th>
                                        <th filed="FExceptionCity">费用发生地(城市)</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <script id="demo-application-table-tmpl" type="text/x-jquery-tmpl">
                    {{each rows}}
                    <tr data="${encodeURI(JSON.stringify($value))}">
                        <td filed="FNo" style="text-align:center;">
                            <a class="footable-ickeck checkbox-ickeck" node="${FNo}"><label></label></a>
                        </td>
                        <td filed="FUnitName">${FUnitName}</td>
                        <td filed="FExceptionCountry">${FExceptionCountry}</td>
                        <td filed="FExceptionProvince">${FExceptionProvince}</td>
                        <td filed="FExceptionCity">${FExceptionCity}</td>
                    </tr>
                    {{/each}}
                </script>
                <div class="footable_page">
                    <ul class="pagination pull-right"></ul>
                </div>
                <div class="hide_tmpl" style="display:none"></div>
            </div>
        </div>
    </div>
</div>
<div class="layui-footer">
    <button type="button" class="btn btn-primary save" data-langid="text_app_confirm">确定</button>
</div>